<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
    <!--
       <script type="text/javascript" src="gmap.js"></script> 
       -->
    <script type="text/javascript" src="js/jquery.js"></script>
    <script type="text/javascript" src="js/overlay-remove.js"></script>
    <link rel="stylesheet" href="map.css"></link>
  </head>
  <body onload="initialize()">
    <!-- 
    <pre>The Page shows the content of GMap with Webex Shuttle.</pre>

    <input onclick="displayOverlays();" type=button
	   value="Display Overlays GPS" />
     -->
    <div id="tools" style="width:100%">
      <form id="directForm" name="directionForm">
	<p>Direction:
	  <input type="radio" onclick="reloadLines()" checked="true" name="direction" value="up"> Go to office
	  <input type="radio" onclick="reloadLines()" name="direction" value="down"> Go home
	</p>
      </form>
      <form id="lineForm" name="lineNbrForm">
	<p> Line Number:
	  <input type="checkbox" onclick="reloadLines()" name="line" value="1"> <font color="#66ff00">#1 (@18629) </font>
	  <input type="checkbox" onclick="reloadLines()" name="line" value="2"> <font color="#FF9900">#2 (@22296) </font>
	  <input type="checkbox" onclick="reloadLines()" name="line" value="3"> <font color="#0066cc">#3 (@21672) </font>
	  <input type="checkbox" onclick="reloadLines()" name="line" value="4"> <font color="#cc33cc">#4 (@21042) </font>
	  <input type="checkbox" onclick="reloadLines()" name="line" value="5"> <font color="#ff3399">#5 (@21057) </font>
	  <input type="checkbox" onclick="reloadLines()" name="line" value="6"> <font color="#00ffcc">#6 (@22271) </font>
	</p>
      </form>
    </div>
<!--    <input onclick="showLine();" type=button value="Show"/> -->
      
    <div id="map_canvas" style="width: 100%; height: 100%"></div>
    <div id="path_info"/>
  </body>
</html>
